<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<body class="page-home js-page-home">
<header id="header" class="ddc-header home" th:fragment="nav" style="display: block;">

	<style type="text/css">
		.ddc-header__item-span{
			-moz-page-break-inside: avoid;
			-webkit-column-break-inside: avoid;
			break-inside: avoid;
			/*background: #f60;*/
		}
		.ddc-header__item{
			-moz-column-count:4; /* Firefox */
			-webkit-column-count:4; /* Safari 和 Chrome */
			column-count:4;
			-moz-column-gap: 2em;
			-webkit-column-gap: 2em;
			column-gap: 2em;
			width: 100%;
			margin:1em 0 2em auto;
		}
	</style>
	
	<div  class="ddc-header__inner container" style="max-width:100%;">
		<div class="ddc-header__logo">
			<a th:href="@{/public/portal}" class="ddc-header__logo-link" title="回到首页">
				<img height="36" class="logo" th:src="@{/resources/icons/logo_aws.png}" alt="智能云">
			</a>
		</div>
		<nav class="ddc-header__nav" id="Itemlist">
			<div class="ddc-header__nav-item ddc-header__nav-drop" v-for="item in items">
				<div class="ddc-header__nav-box">
					<a class="ddc-header__nav-link" :target="item.openTarget" :href="item.menusLink" data-classname="production" id="menu-production"> 
					 	<i :class="item.menusIcons"></i> {{ item.menusName }} 
					</a>
				</div>
				
				<div class="ddc-header__item-menu" v-if="item.hasModule">
					<div class="ddc-header__item-container">
						<div class="ddc-header__item-box">
							<div class="ddc-header__item" id="ddc-header__item">
								<span class="ddc-header__item-span" v-for="i in item.modules" style="display: block">
									<h3>{{ i.moduleName }}</h3>
									<div class="content">
										<a :href="subi.modulePath" :target="subi.openTarget" v-for="subi in i.subModules">
											<i :class="subi.moduleLogo"></i>  {{ subi.moduleName }} 
											<span v-if="subi.moduleDesign === '0'" class="high-light-beta ddc-header__menu-title-box">规划中</span>
										</a>
									</div>
								</span>
							</div>
						
						</div>
					</div>
				</div>
			</div>
		</nav>
		<div class="ddc-header__user" id="navControlTpl">
		
			<div  class="ddc-header__user">
				<span th:if ="${session.CURRENT_USER != null}">
					<a th:href="@{/dashboard}" class="ddc-header__user-sign OMEGA_DDC_PC_W_HOME_HEAD_SIGNIN_CK" style="float:left;cursor:pointer;">
						<img class="img-avatar" th:src="@{/asserts/img/header.png}" th:alt="${session.CURRENT_USER.name}"
							style="
								width: 30px;
								vertical-align: middle;
								border-radius: 50%;
								margin-right: 15px;">
						<span style="float: right;" th:text="${session.CURRENT_USER.name}"></span>
					</a>
					<a th:href="@{/logout}" class="ddc-header__user-sign OMEGA_DDC_PC_W_HOME_HEAD_SIGNIN_CK" style="float:right;cursor:pointer;">
						<span style="float: right;"><i class="fas fa-sign-out-alt"></i> 退出</span>
					</a>
				</span>
				
				
				<span th:if ="${session.CURRENT_USER == null}">
					<a th:href="@{/dashboard}" class="ddc-header__user-manage OMEGA_DDC_PC_W_HOME_HEADER_APP_CK" >我的控制台</a>
					<a th:href="@{/login}" class="ddc-header__user-sign OMEGA_DDC_PC_W_HOME_HEAD_SIGNIN_CK"><i class="fas fa-sign-in-alt"></i>  登录</a>
					<a th:href="@{/public/portal/ucenter/register}" class="ddc-header__user-sign OMEGA_DDC_PC_W_HOME_HEAD_SIGNIN_CK">  立即注册</a>
				</span>
			</div>
		</div>
	</div>
</header>
</html>
